@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------------------ CSS Reset */

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
  min-height: 100%;
  font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

b, strong {
	font-weight: bold;
}

abbr[title] {
	border-bottom: 1px dotted;
}

input, textarea, button, select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}

textarea {
	width:96%;
	padding:2%;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

figure {
	position: relative;
}

figure img, figure object, figure embed, figure video {
	max-width: 100%;
	display: block;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

li, ol {
	list-style:none;
}

::selection {
	background:rgba(71,45,25,1.0);
	}
::-moz-selection {
	background:rgba(71,45,25,1.0);
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- Base styles */
/* ------------------------------------------------------------------------------------------------------------------- */

/*--- IE ---*/

.ie body {
  width: 960px;
  margin: 0 auto;
  font-size: 1.0625em;
}

.ie h1 {
  font-size: 2.625em;
  line-height: 1.1428571428571428em;
  margin: 1.1428571428571428em 0 0.5714285714285714em;
}

/*--- Wrappers ---*/

.wrapper {
	width:960px;
	margin:0 auto;
}

.gutter {
	padding:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/*--- Other ---*/

.clear {
	clear:both;
	float:none;
}

/*--- SOCIAL GLYPHS ---*/

@font-face {
	font-family: EntypoSocial;
	font-family: "EntypoSocial";
	src: url('http://insidethehub.com/glyphs/entypo-social.eot');
	src: url('http://insidethehub.com/glyphs/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('http://insidethehub.com/glyphs/entypo-social.woff') format('woff'),
         url('http://insidethehub.com/glyphs/entypo-social.ttf') format('truetype'),
         url('http://insidethehub.com/glyphs/entypo-social.svg#entypo-social') format('svg');
}

@font-face {
	font-family: Entypo;
	font-family: "Entypo";
	src: url('http://insidethehub.com/glyphs/entypo.eot');
	src: url('http://insidethehub.com/glyphs/entypo.eot?#iefix') format('embedded-opentype'),
         url('http://insidethehub.com/glyphs/entypo.woff') format('woff'),
         url('http://insidethehub.com/glyphs/entypo.ttf') format('truetype'),
         url('http://insidethehub.com/glyphs/entypo.svg#entypo') format('svg');
}

.entypo {
	font-family: "Entypo";
	font-size:2em;
	vertical-align:middle;
}

.entypo-social {
	font-family: "EntypoSocial";
	vertical-align:middle;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- Global styles */
/* ------------------------------------------------------------------------------------------------------------------- */

body {
	width:auto;
	height:100%;
	font-size: 14px;
	line-height: 1.5em;
	background:#FFF;
	font-family: 'Signika Negative', sans-serif;
	font-weight:300;
	color:#666;
}

p {
	margin-bottom:1em;
}

a {
	text-decoration:none;
	color:#75281c;
	font-weight:400;
	-moz-transition: color  0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color  0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}

a:hover, a:active {
	color:#893022;
}

a.btn {
	color:#75281c;
	padding:4px 6px;
	border:solid 1px #75281c;
	text-transform:uppercase;
	font-size:16px;
}

a.btn:hover, a.btn:active {
	color:#893022;
	border:solid 1px #893022;
}

h1 {
	font-family: 'Signika Negative', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:2px;
}

h2 {
	font-family: 'Libre Baskerville', sans-serif;
    font-size:14px;
	letter-spacing:4px;
	text-transform:uppercase;
	font-style:normal;
    font-weight:400;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- Header styles */
/* ------------------------------------------------------------------------------------------------------------------- */

div.header-wrap {
	width:100%;
	background:#5F5D5C;
	position:fixed;
	top:0px;
	left:0px;
	z-index:50;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

header.main {
	padding:24px 0px;
}

header.main nav {
	text-align:center;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:2px;
}

header.main nav div.logospace {
	width:83px;
	margin:0px 12px;
	position:relative;
	display:inline-block;
}

header.main nav div.logospace div.logo {
	width:59px;
	height:59px;
	padding:12px;
	background:#5F5D5C;
	-webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
	position:absolute;
	top:-36px;
	left:0px;
}

header.main nav a {
	color:#b4ad9b;
	text-shadow:0px 0px 5px rgba(0,0,0,0.2);
	display:inline-block;
	padding:0px 24px;
}

header.main nav a:hover {
	color:#FFF;
}

header.main nav div.logospace div.logo a {
	text-shadow:none;
	display:inline-block;
	padding:0px 0px;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- Instagram styles */
/* ------------------------------------------------------------------------------------------------------------------- */

section.instagram {
	width:100%;
	position:relative;
	background:#5b2219;
}

section.instagram div.igtitle {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	font-family: 'Libre Baskerville', sans-serif;
	font-style:italic;
	font-weight:400;
	font-size:72px;
	color:#FFF;
	line-height:1em;
	text-align:center;
}

section.instagram div.igtitle span {
	display:inline-block;
	padding:12px 24px 24px;
	background:#5F5D5C;
	cursor:default;
	border-left:solid 1px #f2eee9;
	border-bottom:solid 1px #f2eee9;
	border-right:solid 1px #f2eee9;
}

section.instagram ul {
	width:100%;
}

section.instagram ul li {
	width:10%;
	height:auto;
	float:left;
	display:block;
}

section.instagram ul li img {
	width:100%;
	height:auto;
}

section.instagram ul li a {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

section.instagram ul li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- Footer styles */
/* ------------------------------------------------------------------------------------------------------------------- */

div.footer-wrap {
	background:#75281c;
}

footer {
	padding:48px 0px;
}

footer h1 {
	padding-bottom:6px;
	font-family: 'Libre Baskerville', sans-serif;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:2px;
	color:#f2eee9;
}

footer div.divider {
	height:0px;
	margin-bottom:12px;
	background:none;
	border-top:solid 1px #6c251a;
	border-bottom:solid 1px #8c3224;
	clear:both;
}

footer div.social {
	float:right;
	padding-top:8px;
}

footer div.social a {
	width:72px;
	height:72px;
	text-align:center;
	line-height:1em;
	font-size:72px;
	display:inline-block;
	padding:6px;
	border:solid 1px #6c251a;
	-moz-border-radius:60px;
    -webkit-border-radius:60px;
	border-radius:60px;
	color:#893022;
	margin-left:12px;
	-moz-transition: background  0.25s linear;
    -webkit-transition: background 0.25s linear;
    -o-transition: background  0.25s linear;
    -ms-transition: background 0.25s linear;
    transition: background 0.25s linear;
}

footer div.social a:hover {
	color:#FFF;
	background:#893022;
}

footer div.subfooter {
	color:#2d1411;
	text-transform:uppercase;
	font-size:14px;
	padding-top:12px;
	font-weight:300;
}

footer div.subfooter a {
	color:#2d1411;
	font-weight:300;
}

footer div.subfooter a:hover {
	color:#000;
}

footer div.subfooter span {
	color:#893022;
}

footer div.subfooter div.credit {
	float:right;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- Form styles */
/* ------------------------------------------------------------------------------------------------------------------- */

::-webkit-input-placeholder {
    color:#2d1411;
}
:-moz-placeholder {
    color:#2d1411;
}
:-ms-input-placeholder {
    color:#2d1411;
}

div.form {
	float:left;
}

div.form form {
}

div.form form div.field {
	float:left;
	margin-right:1px;
}

div.form form div.field input {
	width:248px;
	padding:15px 12px;
	display:block;
	background:#5b2219;
	border:none;
	margin-bottom:1px;
	color:#2d1411;
	font-weight:300;
	font-family: 'Signika Negative', sans-serif;
}

div.form form div.field input:focus {
	outline:none;
	background:#5b2219;
}

div.form form div.field input:last-child {
	padding-bottom:16px;
}

div.form form div.textarea {
	float:left;
}

div.form form div.textarea textarea {
	width:196px;
	height:72px;
	padding:12px;
	font-weight:300;
	background:#5b2219;
	color:#2d1411;
	border:none;
	font-family: 'Signika Negative', sans-serif;
}

div.form form div.textarea textarea:focus {
	outline:none;
	background:#5b2219;
}

div.form form div.submit {
	float:left;
	margin-left:1px;
}

div.form form div.submit input {
	border:none;
	padding: 40px 12px 40px 12px;
	color: #2d1411;
	background:#5b2219;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family: 'Signika Negative', sans-serif;
	text-decoration: none;
	vertical-align: middle;
	-moz-transition: background  0.5s linear;
    -webkit-transition: background 0.5s linear;
    -o-transition: background  0.5s linear;
    -ms-transition: background 0.5s linear;
    transition: background 0.5s linear;
}
   
div.form form div.submit input:hover {
   border:0px;
   background: #893022;
}
   
div.form form div.submit input:active {
   background: #FFF;
}
